@charset "utf-8";
/* CSS Document */
.banner{ width:100%;}
.banner img { width:100%; height:475px;}

.product .pro_center { width:100%; background:#eeeeee; clear:both; overflow:hidden; padding-top:26px;}
.product .pro_center>p { font-family:"宋体"; font-size:12px; color:#666666; width:1200px; margin:0px auto;}
.product .pro_center>p a { font-family:"宋体"; font-size:12px; color:#666666;}
.product .pro_center>p a:hover { color:#993399;}
.pro_center .pro_content { width:1200px; margin:0px auto; margin-top:28px;}
.pro_content .pro_left { width:256px; background:url(../images/pro_background.jpg); float:left;}
.pro_left .left_header {  width:212px; margin:0px auto; margin-top:24px; margin-bottom:12px;}
.pro_left .left_header>p {  font-family:'abc'; font-size:36px; color:#993399; float:left; margin-right:8px;}
.pro_left .left_header h6 { font-family:"微软雅黑"; font-size:20px; color:#090808; font-weight:normal; }
.pro_left .left_header span { font-family:Arial; font-size:12px; color:#999999;}
.pro_left ul { margin:0px auto;}
.pro_left ul li  { border-top:1px dotted #cccccc; height:55px; width:211px; margin:0px auto;}
.pro_left ul li a { font-family:"微软雅黑"; font-size:16px; color:#333333; display:block; height:40px; display:block; height:40px; line-height:40px; margin-top:8px;}
.pro_left ul li a>span:first-child { border-style:solid; border-color:transparent transparent transparent #a0a0a0; display:inline-block; border-width:5px;  margin-left:10px;}
.pro_left ul li a>span:first-child+span { border-style:solid; border-color:transparent #ffffff transparent transparent; border-width:5px; margin-left:102px; display:inline-block; display:none;}
.pro_left ul li a:hover { color:#ffffff; background:#993399; padding-left:28px; width:184px;}
.pro_left ul li a:hover  span:first-child+span { display:inline-block;}
.pro_left ul li a:hover  span:first-child { display:none;}
.pro_left ul .this a{ color:#ffffff; background:#993399; padding-left:28px; width:184px;}
.pro_left ul .this a>span:first-child+span { display:inline-block;}
.pro_left ul .this a>span:first-child { display:none;}

.pro_left>img { margin:0px auto; display:block; margin-top:42px;  border:1px solid #b6b4b4;}
.pro_left .left_bottom {  width:170px; margin:0px auto;  margin-top:26px; margin-bottom:50px;}
.pro_left .left_bottom img{ float:left; margin-right:8px;}
.pro_left .left_bottom>p { display:block; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.pro_left .left_bottom>span { font-family:"微软雅黑"; font-size:16px; color:#993399;}

.pro_content .pro_right { width:908px; background:#eeeeee; float:right;}
.pro_content .pro_right ul li { float:left;  position:relative; margin:0px 22px; margin-bottom:44px; width:254px; height:252px;}
.pro_content .pro_right ul li>img { border:1px solid #c1c1c1;}
.pro_content .pro_right ul li>span { display:none; width:252px; height:252px; position:absolute; left:0px; bottom:0px; background:#ffffff; opacity:0.8;  filter:Alpha(opacity=80);}
.pro_content .pro_right ul li a { font-family:"微软雅黑"; font-size:16px; color:#333333; width:246px; height:246px; position:absolute; left:0px; top:0px; border:3px solid #993399; display:none;}
.pro_content .pro_right ul li a img { display:block; margin:0px auto; margin-top:94px;}
.pro_content .pro_right ul li a b { display:block; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#333333; font-weight:normal; margin-top:30px; margin-bottom:16px;}
.pro_content .pro_right ul li a span{ display:block; font-family:"宋体"; font-size:14px; color:#333333; margin:0px 12px; }
.pro_content .pro_right ul li:hover span{ display:block;}
.pro_content .pro_right ul li:hover a{ display:block;}

.pro_content .pro_right  ol { clear:both; overflow:hidden; width:450px; margin:0px auto; padding-bottom:76px; margin-top:68px;}
.pro_content .pro_right  ol li { color:#666666;  width:26px; height:26px; float:left; text-align:center; margin:0px 6px; line-height:26px;  border:1px solid #b6b5b5;}
.pro_content .pro_right  ol li a {  font-family:"微软雅黑"; font-size:14px;  color:#666666; display:block; width:26px; height:26px;}
.pro_content .pro_right  ol li:first-child+li+li+li+li+li+li+li+li { border:none;}
.pro_content .pro_right  ol li:hover { background:#993399;}
.pro_content .pro_right  ol li:hover a { color:#ffffff;}
.pro_content .pro_right  ol li .current {  color:#ffffff; display:block; width:26px; height:26px;  background:#993399;}
